<!--头部-->
<div class="header">
    <div class="header-box clearfix">
        <a href="/">
            <img class="logo" src="/assets/images/logo.png" alt="">
        </a>
        <div class="header-nav">
            <ul>
                <li data-name="/">
                    <a href="/">首页</a>
                </li>
                <li data-name="/case">
                    <a href="/case">免费试用</a>
                </li>
                <li>
                    <a href="http://api.h5ds.com/help/InstallTip">使用教程</a>
                </li>
                <li>
                    <a href="http://api.h5ds.com/api">API文档</a>
                </li>
                <li>
                    <a href="http://api.h5ds.com/update">更新记录
                        <em></em>
                    </a>
                </li>
                <li data-name="/license">
                    <a href="http://api.h5ds.com/license">使用协议</a>
                </li>
                <li>
                    <a target="_blank" href="https://github.com/mtsee/h5ds">下载源码</a>
                </li>
                <li style="display: none" data-name="logout">
                    <a href="/api/logout">退出</a>
                </li>
                <li>
                    <a style="position: relative;top: 6px;" target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=d4f3944ba088478a85b36fd05be985dfd6ffd3610bdaa02dfa1b8b282135c9ad">
                        <img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="跳舞毯－以舞会友" title="H5DS在线编辑器">
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

<script>
    $(function () {
        var name = '/' + location.pathname.split('/')[1];
        $('.header-nav').find('li[data-name="' + name + '"]').addClass('active');
    });

</script>
